// mui.init({
// 	pullRefresh : [
// 		{
// 			container : '#pullrefresh',
// 			down: {
// 	        	callback: downRefresh
// 		      }, //END 下拉刷新
// 		      up : {
// 		         contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
// 		         contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
// 		         callback :upLoad //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
// 		      } //END 上拉加载
// 		},{
// 			container : '#pullrefresh2',
// 			down: {
// 	        	callback: downRefresh
// 		      }, //END 下拉刷新
// 		      up : {
// 		         contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
// 		         contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
// 		         callback :upLoad //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
// 		      } //END 上拉加载
// 		}
// 	]
//
// })
function GetQueryString(name) {
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

var downNum = 0;
var upNum = 0;


function downRefresh() {
	var id = $(this.element).attr('id');
	var container = $(this.element).find('.container');
	console.log(container);
	var str = '<li>'+
	          		'<div class="modular">'+
	          			'<a href="javascript:;" data-url="noticeInfo.html">'+
	          				'<div class="modular-cont">'+
	          					'<h3><span class="mui-icon iconfont">&#xe63f;</span>关于端午节遇上京东6.18怎么办？</span></span></h3>'+
	          					'<p>当然是有多少钱，就买多少钱呗，么钱咋办啊盛大盛大盛大</p>'+
	          					'<span class="mui-pull-right mui-icon mui-icon-arrowright"></span>'+
	          				'</div>'+
	          			'</a>'+
	          		'</div>'+
	          	'</li>';
     //业务逻辑代码，比如通过ajax从服务器获取新数据；
     setTimeout(function(){
     	if(downNum == 3){
     		layer.open({
			    content: '已经是最新的消息~'
			    ,skin: 'msg'
			    ,time: 2 //2秒后自动关闭
			  });
     	}else{
     		container.find('li').eq(0).before(str);
     		downNum++;
     	}
     	mui('#'+id+'').pullRefresh().endPulldownToRefresh();
     	$('.container li').unbind().on('tap',function(){
			var ahref = $(this).find('a').attr('data-url');
			window.location.href = ahref;
		})
     },1000);
     
     //注意，加载完新数据后，必须执行如下代码，注意：若为ajax请求，则需将如下代码放置在处理完ajax响应数据之后
     //没有更多内容了，endPulldown 传入true， 不再执行下拉刷新
    
}
function upLoad(){
	var container = $(this.element).find('.container');
	var str = '<li>'+
	          		'<div class="modular">'+
	          			'<a href="javascript:;" data-url="noticeInfo.html">'+
	          				'<div class="modular-cont">'+
	          					'<h3><span class="mui-icon iconfont">&#xe63f;</span>关于端午节遇上京东6.18怎么办？</span></span></h3>'+
	          					'<p>当然是有多少钱，就买多少钱呗，么钱咋办啊盛大盛大盛大</p>'+
	          					'<span class="mui-pull-right mui-icon mui-icon-arrowright"></span>'+
	          				'</div>'+
	          			'</a>'+
	          		'</div>'+
	          	'</li>';
	var _this = this;
	setTimeout(function(){
		if(downNum == 3){
			_this.endPullupToRefresh(true);
     	}else{
     		container.append(str);
     		_this.endPullupToRefresh(false);
     		downNum++;
     	}
     	$('.container li').unbind().on('tap',function(){
			var ahref = $(this).find('a').attr('data-url');
			window.location.href = ahref;
		})
	},1000);
     //注意，加载完新数据后，必须执行如下代码，注意：若为ajax请求，则需将如下代码放置在处理完ajax响应数据之后
     //没有更多内容了，endPulldown 传入true， 不再执行下拉刷新
}
//初始化单页view
var viewApi = mui('#app').view({
    defaultPage: '#setting'
});
 
mui('.mui-scroll-wrapper').scroll({
    deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
$('.container li').on('tap',function(){
	var ahref = $(this).find('a').attr('data-url');
	window.location.href = ahref;
})
var view = viewApi.view;
(function($) {
    //处理view的后退与webview后退
    var oldBack = $.back;
    $.back = function() {
        if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
            viewApi.back();
        } else { //执行webview后退
            oldBack();
        }
    };
    //监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
    //第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
    view.addEventListener('pageBeforeShow', function(e) {
        //                console.log(e.detail.page.id + ' beforeShow');
    });
    view.addEventListener('pageShow', function(e) {
        //                console.log(e.detail.page.id + ' show');
    });
    view.addEventListener('pageBeforeBack', function(e) {
        //                console.log(e.detail.page.id + ' beforeBack');
    });
    view.addEventListener('pageBack', function(e) {
        //                console.log(e.detail.page.id + ' back');
    });
})(mui);

